<template>
  <div v-loading="loading" class="wrap">
    <TableNew
      :data="list"
      :columns="tableEl"
      :hide-pagination="true"
    />
  </div>
</template>
<script>
export default {
  name: 'CostList',
  props: {
    list: {
      type: Array,
      default: () => []
    },
    loading: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      tableEl: [
        {
          title: '费用名称',
          dataIndex: 'label',
          width: 100
        },
        {
          title: '金额',
          dataIndex: 'value',
          align: 'right',
          format: true
        }
      ]
    }
  },
  created() {},
  methods: {
  }
}
</script>
<style lang="less" scoped>
.wrap{
  height: 100%;
  display: flex;
  flex-direction: column;
}
</style>
